<template>
  <view class="modal">
    <view class="modal-content">
      <view class="modal-header">
        <h2>弹出框标题</h2>
        <i class="fa fa-times" @click="closeModal"></i>
      </view>
      <view class="modal-body">
        <p>这里是弹出框的主体内容</p>
      </view>
      <view class="modal-footer">
        <button type="button" @click="submit">确定</button>
        <button type="button" @click="closeModal">取消</button>
      </view>
    </view>
  </view>
</template>
<script>
	export default {
		name:"confirm_receipt",
		data() {
			return {
				show:false,
				id:'',
				money:'',
				packages_id:'',
				nickname:'',
				agent_id:'',
				type:'',
				rebate:'',
				params:{}
			};
		},
		methods:{
			openBtn(val,agent_id,rebate){
				this.params.packages_id  = val
				this.params.agent_id     = agent_id
				this.rebate              = rebate
				this.show=true
			},
			
		}
	}
</script>

<style lang="less">
	.modal {
	  position: fixed;
	  left: 0;
	  top: 0;
	  z-index: 99999;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, 0.7);
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	
	.modal .modal-content {
	  width: 400rpx;
	  background-color: #ffffff;
	  border-radius: 10rpx;
	  overflow: hidden;
	}
	
	.modal .modal-content .modal-header {
	  background-color: #337ab7;
	  color: #ffffff;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 10rpx;
	}
	
	.modal .modal-content .modal-header h2 {
	  margin: 0;
	}
	
	.modal .modal-content .modal-header i {
	  font-size: 20rpx;
	  cursor: pointer;
	}
	
	.modal .modal-content .modal-body {
	  padding: 20rpx;
	}
	
	.modal .modal-content .modal-footer {
	  background-color: #eeeeee;
	  padding: 10rpx;
	  display: flex;
	  justify-content: flex-end;
	}
	
	.modal .modal-content .modal-footer button {
	  border: none;
	  padding: 10rpx 20rpx;
	  margin-left: 10rpx;
	  border-radius: 5rpx;
	  cursor: pointer;
	}
	
	.modal .modal-content .modal-footer button:first-child {
	  background-color: #337ab7;
	  color: #ffffff;
	}
	
	.modal .modal-content .modal-footer button:last-child {
	  background-color: #dddddd;
	  color: #333333;
	}
</style>